<h2 class="top-title">Dashboard</h2>
            <!-- Drag & drop widgets you see on the live page are called portlets. We have got 3 columns in which portlets reside. -->
            <div class="column">
             	<div class="portlet" id="widget-1">
                    <!-- 'Quick Announcement' widget featuring Jquery MarkitUP WYSIWYG Editor -->
                    <div class="portlet-header">Quick Announcement</div>
            
                    <div class="portlet-content">
                        <form method="post" action="">
                            <textarea name="pagetext" id="pagetext" cols="40" rows="10"></textarea>
                            <input type="submit" class="submit right-aligned ui-corner-all" value="Publish" />
                        </form>
                    </div>
                </div>
                 <div class="portlet"  id="widget-2">
                 	<!-- 'Recent Products' widget with Jquery UI Scrolling element -->
                    <div class="portlet-header">Recent Products</div>
                    <div class="portlet-content">
                    	<div class="scroll-pane ui-corner-all"> 
                            <div class="scroll-content"> 
                                <div class="scroll-content-item">
                                	<img src="<?php echo base_url() ?>resources/images/demo/backpack.png" alt="" width="64" height="64" />
                                	<p>Backpack</p>
                                </div> 
                                <div class="scroll-content-item">
                                	<img src="<?php echo base_url() ?>resources/images/demo/briefcase.png" alt="" width="64" height="64" />
                                	<p>Briefcase</p>
                                </div>
                                 <div class="scroll-content-item">
                                	<img src="<?php echo base_url() ?>resources/images/demo/purse.png" alt="" width="64" height="64" />
                                	<p>Purse</p>
                                </div>
                                 <div class="scroll-content-item">
                                	<img src="<?php echo base_url() ?>resources/images/demo/sportsbag.png" alt="" width="64" height="64" />
                                	<p>Sports bag</p>
                                </div>
                                <div class="scroll-content-item">
                                	<img src="<?php echo base_url() ?>resources/images/demo/suitcase.png" alt="" width="64" height="64" />
                                	<p>Suitcase</p>
                                </div>
                            </div> 
                            <div class="scroll-bar-wrap ui-widget-content ui-corner-bottom"> 
                                <div class="scroll-bar"></div> 
                            </div> 
                        </div> 
                    
                    </div>
                </div>
            </div>
            
            <div class="column">
            	<div class="portlet"  id="widget-3">
                    <div class="portlet-header">Information Block</div>
                    <div class="portlet-content">
                      <p class="info-block">
                      	Welcome to Real World Admin - an advanced administration interface template to suit all your needs. 
                      	Please follow the information blocks throughout site when browsing. They will help you explore all
                      	the hidden functions of this beautiful template.
                      </p>
                    </div>
                </div>
                 <div class="portlet"  id="widget-4">
                    <div class="portlet-header">Pending Tasks</div>
                    <div class="portlet-content">
                        <!-- Tasks widget with accordion -->
                        <div id="accordion">
                            <h3>
                            	<a href="#">Task 1</a>
                            	<span class="task-icon high-priority">Urgent</span>
                            </h3>
                        	<div style="background:#FEFEFE">
                                <p>
                                Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
                                ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
                                amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
                                odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
                                </p>
                            </div>
                            
                            <h3>
                            	<a href="#">Task 2</a>
                            	<span class="task-icon medium-priority">Medium</span>
                            </h3>
                           	<div style="background:#FEFEFE">
                                <p>
                                Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
                                purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
                                velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
                                suscipit faucibus urna.
                                </p>
                            </div>
                            
                            <h3>
                            	<a href="#">Task 3</a>
                                <span class="task-icon low-priority">Normal</span>
                            </h3>
                            <div style="background:#FEFEFE">
                                <p>
                                Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
                                Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
                                ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
                                lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
                                </p>
                            </div>
                        </div>
    				 </div>
                </div>
                
                
                
                <div class="test">
                	
                </div>
                
                <div class="portlet"  id="widget-5">
                	<!-- 'New Members' widget with spy effect -->
                    <div class="portlet-header">New Members</div>
                    <div class="portlet-content">
                     	<div id="new-members-widget">
                            <ul class="members-list">
                            </ul>
                        </div>    
                    </div>
            
                </div>
            	
            </div>
            
            <div class="column">
            
                <div class="portlet"  id="widget-6">
                	<!-- JQPlot Chart -->
                    <div class="portlet-header">Reports</div>
                    <div class="portlet-content">
                    	<div class="jqPlot" id="chart2" style="height:320px; width:100%"></div>
                    </div>
                </div>
            
                
                <div class="portlet"  id="widget-7">
                	<!-- JQuery UI Calendar -->
                    <div class="portlet-header">Calendar</div>
                    <div class="portlet-content"><div id="datepicker" style="width:100%"></div></div>
                </div>
            
            </div>